<style>

.statisticsReport-panel table{
   margin-bottom:20px;
}
.statisticsReport-panel .PassageTitle{
   font-weight: 700;
   text-align:center;
   font-size:18px;
   height:35px;
   line-height:35px;
   border-top: 1px solid #dbdbde;
}
.statisticsReport-panel .PassageTitle.enter{
   background:#fffae4
}
.statisticsReport-panel .PassageTitle.out{
   background:#e6ffdf
}
.statisticsReport-panel .data ul li button[type="button"]{
	height:28px;
	line-height:22px
}

</style>
<div class="search-panel">
	<div class="search-text">
		<label>岗亭名称：</label> <input id="cashierId" type="text" class="k-textbox" />
	</div>
	<div class="search-Btn">
		<button data-bind="click:search_btn">查询</button>
	</div>
</div>
<div style="width: 100%;overflow-y:auto;">
<div class="statisticsReport-panel">
  <div class="title">某某某岗亭</div>
  <div class="data">
     <ul>
        <li><span>岗亭名称：</span><span>华强云产业园</span></li>
        <li><span>岗亭IP地址：</span><span>192.168.1.1</span></li>
        <li class="search-Btn"><button type="button">打印</button></li>
     </ul>
  </div>
  <div class="tableDiv">
      <div class="PassageTitle enter">入口通道</div>
      <table width="100%">
		  <tr>
		    <th width="17%">通道名称</th>
		    <th width="22%">设备名称</th>
		    <th width="21%">IP地址</th>
		    <th width="18%">端口号</th>
		    <th width="22%">设备机号</th>
		  </tr>
		  <tr>
		    <td rowspan="6">北一门</td>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		  </tr>
		  <tr>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		  </tr>
	</table>
  </div>
  <div class="tableDiv">
     <div class="PassageTitle out">出口通道</div>
      <table width="100%">
		  <tr>
		    <th width="17%">通道名称</th>
		    <th width="22%">设备名称</th>
		    <th width="21%">IP地址</th>
		    <th width="18%">端口号</th>
		    <th width="22%">设备机号</th>
		  </tr>
		  <tr>
		    <td rowspan="6">北一门</td>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		  </tr>
		  <tr>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		  </tr>
		  <tr>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		  </tr>
	</table>
  </div>
</div>
</div>